@top_color:#FF4444;
@background_color:#f5f5f5;
@red_color:#FF4444;
@blue_color:#52B5E4;
@lot_color:#333;
@hui_color:#dadada;
@huisize_color:#999;
@fs:14px;
/*边框*/
.b_border(@px:1px,@x:solid,@color:#eee){
  border-bottom: @px @x @color;
}
.t_border(@px:1px,@x:solid,@color:#eee){
  border-top: @px @x @color;
}
.l_border(@px:1px,@x:solid,@color:#eee){
  border-left: @px @x @color;
}
.r_border(@px:1px,@x:solid,@color:#eee){
  border-right: @px @x @color;
}
.border(@px:1px,@x:solid,@color:#eee){
  border: @px @x @color;
}
.radius(all,@radius:5px){
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}
.radius(tl,@radius:5px){
  border-top-left-radius: @radius;
  -webkit-border-top-left-radius: @radius;
}
.radius(tr,@radius:5px){
  border-top-right-radius: @radius;
  -webkit-border-top-right-radius: @radius;
}
.radius(br,@radius:5px){
  border-bottom-right-radius: @radius;
  -webkit-border-bottom-right-radius: @radius;
}
.radius(bl,@radius:5px){
  border-bottom-left-radius: @radius;
  -webkit-border-bottom-left-radius: @radius;
}
.radius(tr,@radius:5px){
  border-top-right-radius: @radius;
  -webkit-border-top-right-radius: @radius;
}
/*三角*/
.sanjiao(bottom,@w:50px,@c:#ccc){
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent @c transparent;
  border-width: @w;
}
.sanjiao(top,@w:50px,@c:#ccc){
  border-style: solid dashed dashed dashed;
  border-color: @c transparent transparent transparent;
  border-width: @w;
}
.sanjiao(right,@w:50px,@c:#ccc){
  border-style: dashed solid dashed dashed;
  border-color: transparent @c transparent transparent;
  border-width: @w;
}
.sanjiao(left,@w:50px,@c:#ccc){
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent @c ;
  border-width: @w;
}
.sanjiao(@_,@w:5px,@c:#ccc){//提出公共部分
  width:0;
  height:0;
  overflow: hidden;
}
/*定位*/
.ab(@top:0,@left:0){
  position: absolute;
  left:@left;
  top:@top;
}
.re{
  position: relative;
}
.dw(@dw:-50%){
  transform: translate(@dw,@dw);
  -webkit-transform: translate(@dw,@dw);
  -ms-transform: translate(@dw,@dw);
  -o-transform: translate(@dw,@dw);
}
/*蒙版*/
.mb(@height:100%,@width:100%,@background_color:#000,@opacity:30){
  width: @width;
  height: @height;
  background: @background_color;
  opacity: @opacity/100;
  filter:Alpha(opacity=@opacity);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
}
/*确定按钮*/
.button(@margin:3vw,@height:12vw,@color:#333,@button_color:#ffda44,@border:none){
  margin:@margin;
  width: 100 - @margin * 2;
  text-align: center;
  line-height: @height;
  color: @color;
  background: @button_color;
  border: @border;
  font-size: @fs;
}
/*底部按钮*/
.footer_button(@background_color:@top_color){
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 40px;
  color: #333;
  border: none;
  background: @background_color;
  font-family: "Microsoft YaHei", "微软雅黑";
  font-size: @fs + 2;
}
.qf{
  overflow: hidden;
}
.left{
  float: left;
}
.right{
  float: right;
}
.background{
  img{
   width: 100vw;
    height: auto;
  }
}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.img_res{
  width: 100%;
  height:auto;
}
html,body{
  font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
/*——end——*/



